<!DOCTYPE html>
<html lang="pl">

    <head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <title>Oferta</title>
        <meta name="description" content="Oferty wakacyjne">
        <meta name="keywords" content="wakacje, podróże, lato">
        <meta name="author" content="Małgorzata Chwil">
        <link rel="icon" href="img/balon.png">



        <link rel="stylesheet" href="css/demo.css" />
        <link rel="stylesheet" href="css/style1.css" />
        <link href="css/bootstrap.min.css" rel="stylesheet"/>
        <link href="css/style.css" rel="stylesheet"/>

    </head>

    <body>

        <section class="biuro">

          <nav class="navbar navbar-expand-lg navbar-dark bg-nav fixed-top" id="klasa">
                <div class="container">
                    <a class="navbar-brand" href="index.html"><img src="img/balon.png" style="height: 40px" alt="logo"> Biuro podróży</a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarResponsive">
                        <ul class="navbar-nav ml-auto">
                            <li class="nav-item">
                                <a class="nav-link text-my-own-color" href="index.html">Strona główna
                                    <span class="sr-only">(current)</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-my-own-color" href="formularz.html">Zakup</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link text-my-own-color" href="koszyk.html">Koszyk</a>
                            </li>
                            <li class="nav-item active">
                                <a class="nav-link" href="oferta.html">Oferta</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>

            <header class="bg-slider py-5 mb-5">
                <div class="container h-100">
                    <div class="row h-100 align-items-center">
                        <div class="col-lg-12">
                            <div id="przykladowaKaruzela2" class="carousel slide" data-ride="carousel">
                                <div class="carousel-inner">
                                    <div class="carousel-item active">
                                        <img class="d-block w-100" src="img/obraz1.jpg" style="height: 350px" alt="Pierwszy slajd">
                                    </div>
                                    <div class="carousel-item">
                                        <img class="d-block w-100" src="img/obraz2.jpg" style="height: 350px" alt="Drugi slajd">
                                    </div>
                                    <div class="carousel-item">
                                        <img class="d-block w-100" src="img/obraz3.png" style="height: 350px" alt="Trzeci slajd">
                                    </div>
                                    <div class="carousel-item">
                                        <img class="d-block w-100" src="img/obraz4.png" style="height: 350px" alt="Drugi slajd">
                                    </div>
                                    <div class="carousel-item">
                                        <img class="d-block w-100" src="img/obraz5.png" style="height: 350px" alt="Drugi slajd">
                                    </div>
                                </div>
                                <a class="carousel-control-prev" href="#przykladowaKaruzela2" role="button" data-slide="prev">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Poprzedni</span>
                                </a>
                                <a class="carousel-control-next" href="#przykladowaKaruzela2" role="button" data-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Następny</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </header>

            <div id="galeria">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-mb-12 mb-5">
                        <h2>Oferta</h2>
                        <section class="main">
                            <div class="windy-demo col-md-12">
                                <ul id="wi-el" class="wi-container">
                                    <li><img src="zdjecia/australia/miniaturka.jpg" style="width: 500px; height: 300px" alt="image1"/><h4>Wśród kangurów</h4><p>Jeśli ciągnie cię do egzotyki, spektakularnych krajobrazów a przy tym różnorodności atrakcji, bądź po prostu całe życie chciałeś zobaczyć rafe koralową na własne oczy to wybierz wycieczkę po Australii. Koszt wycieczki i całkowity plan uzależniony jest od twoich wyborów w formularzu zakupu. Jest jednak kilka miejsc, które na pewno odwiedzisz, należą do nich: <br/> *Sydney<br/> *Hobart – stolica Tasmanii<br/> *Adelajda<br/> *Surfers Paradise<br/> Średnia cena jednego dnia bez wyżywienia to 150zł/os</p></li>
                                    <li><img src="zdjecia/transylwainia/miniaturka.jpg" style="width: 500px; height: 300px" alt="image1"/><h4>Szlakiem Draculi</h4><p>Jeżeli jesteś łowcą mocnych wrażeń i mrożących krew w żyłach doznań to ta wycieczka jest idealna dla ciebie. Podczas podróży zwiedzisz malowniczą Rumunie z naciskiem na Transylwanie i jej okolice. Koszt wycieczki i całkowity plan uzależniony jest od twoich wyborów w formularzu zakupu. Jest jednak kilka miejsc, które na pewno odwiedzisz, należą do nich: <br/> *Zamek Draculi<br/> *Restauracje z tradycyjną rumuńską kuchnią <br/> *Plac Piąta Mare <br/> *Góry Bucega <br/> Średnia cena jednego dnia bez wyżywienia to 100zł/os</p></li>
                                    <li><img src="zdjecia/usa/miniaturka.jpg" style="width: 500px; height: 300px" alt="image1"/><h4>Parki Narodowe USA</h4><p>Kochasz niezamieszkałą przyrode a jednocześnie nie straszne ci godziny spędzone w podróży samochodem? Jeśli tak to powinneś skorzystać właśnie z tej oferty, która pozwoli ci poznać przepiękne Parki Narodowe USA.Koszt wycieczki i całkowity plan uzależniony jest od twoich wyborów w formularzu zakupu. Jest jednak kilka miejsc, które na pewno odwiedzisz, należą do nich: <br/> *Park Narodowy Yellowstone<br/> *Park Narodowy Yosemite<br/> *Park Narodowy Wielkiego Kanionu<br/> *Park Narodowy Arches<br/> Średnia cena jednego dnia bez wyżywienia to 200zł/os</p></li>
                                    <li><img src="zdjecia/japonia/miniaturka.jpg" style="width: 500px; height: 300px" alt="image1"/><h4>Kraj kwitnącej wiśni</h4><p>Kraj kwitnącej wiśni to miejsce które dla europejczyków może wydawać się dość mistyczne, pełne niezwykłych legend, zupełnie innej kultury, którą warto poznać bo nie jeden już człowiek zakochał się w niej bez pamięci Koszt wycieczki i całkowity plan uzależniony jest od twoich wyborów w formularzu zakupu. Jest jednak kilka miejsc, które na pewno odwiedzisz, należą do nich: <br/> *Tokio<br/> *Restauracje z tradycyjną japońską kuchnią <br/> *Fudżi<br/> *Kiyomizu-dera<br/> Średnia cena jednego dnia bez wyżywienia to 150zł/os</p></li>
                                    <li><img src="zdjecia/egipt/miniaturka.jpg" style="width: 500px; height: 300px" alt="image1"/><h4>Śladami Faraona</h4><p>Ta wycieczka na pewno obudzi w tobie miłośnika historii starożytnej. Będziesz miał szanse na własne oczy zobaczyć jedne z najwspanialszych budowli na świecie. A może odkryjesz coś czego jeszcze w książkach do historii nie odnotowano. Koszt wycieczki i całkowity plan uzależniony jest od twoich wyborów w formularzu zakupu. Jest jednak kilka miejsc, które na pewno odwiedzisz, należą do nich: <br/> *Dandra<br/> *Wielkie Piramidy w Gizie<br/> *Piramida w Majdum<br/> *Oaza Fajum<br/> Średnia cena jednego dnia bez wyżywienia to 100zł/os</p></li>
                                    <li><img src="zdjecia/norwegia/miniaturka.jpg" style="width: 500px; height: 300px" alt="image1"/><h4>Wyprawa po fiordach</h4><p>Marzysz o oderwaniu się od rzeczywistości? Chcesz poczuć się jak bohater filmów fantasy wśród pięnych krajobrazów, malowniczych gór, dolin? Oderwać się od zgiełku miasta na koszt małych przytulnych wiosk w dolinach gór? Norwegia i wyprawa po fiordach to wycieczka zdecydowanie dla ciebie. Koszt wycieczki i całkowity plan uzależniony jest od twoich wyborów w formularzu zakupu. Jest jednak kilka miejsc, które na pewno odwiedzisz, należą do nich: <br/> *Geirangerfjord<br/> *Nærøyfjord<br/> *Restauracje z tradycyjną norweską kuchnią <br/> *Sognefjord<br/> Średnia cena jednego dnia bez wyżywienia to 200zł/os</p></li>
                                </ul>
                                <nav>
                                    <span id="nav-prev">prev</span>
                                    <span id="nav-next">next</span>
                                </nav>
                            </div>
                        </section>

                    </div>
                    <div class="col-lg-4 col-mb-12mb-5">
                        <h2>Kontakt</h2>
                        <hr>
                        <address>
                            <strong>Biuro podróży</strong>
                            <br>ul. Magnoliowa 32A
                            <br>Warszawa 00-009
                            <br>
                        </address>
                        <address>
                            <abbr title="Phone">Telefon:</abbr>
                            +48 598 654 478
                            <br>
                            <abbr title="Email">E-mail:</abbr>
                            <a href="mailto:#">biuro.podrozy@gmail.com</a>
                        </address>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 mb-5">
                        <div class="card h-100">
                            <img class="card-img-top" src="img/regulamin.jpg" alt="obrazek" style="height: 250px">
                            <div class="card-body">
                                <h4 class="card-title">Regulamin</h4>
                                <p class="card-text">Zanim przystąpisz do zakupu wycieczki zapoznaj się z regulaminem. Wymagane jest zaakceptowanie regulaminu.</p>
                            </div>
                            <div class="card-footer">
                                <a href="regulamin.html" class="btn btn-primary bg-button">Zapoznaj się</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-5">
                        <div class="card h-100">
                            <img class="card-img-top" src="img/oferta.png" style="height: 250px" alt="obrazek">
                            <div class="card-body">
                                <h4 class="card-title">Oferta</h4>
                                <p class="card-text">Zapoznaj się z organizowanymi przez nas wycieczkami.</p>
                            </div>
                            <div class="card-footer">
                                <a href="oferta.html" class="btn btn-primary bg-button">Znajdź</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 mb-5">
                        <div class="card h-100">
                            <img class="card-img-top" src="img/zakup.jpg" style="height: 250px" alt="obrazek">
                            <div class="card-body">
                                <h4 class="card-title">Zakup</h4>
                                <p class="card-text">Jeśli jesteś już zdecydowany gdzie chcesz się udać po prostu kliknij!</p>
                            </div>
                            <div class="card-footer">
                                <a href="formularz.html" class="btn btn-primary bg-button">Kup</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
            <footer class="py-5 bg-footer"><div class="container"><p class="m-0 text-center">&copy; MC</p></div></footer>

            <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
            <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
            <script src="js/modernizr.custom.79639.js"></script>
            <script src="js/jquery.windy.js"></script>
            <script src="js/bootstrap.min.js"></script>

        </section>

    </body>

</html>